@charset "UTF-8";


$border-color: #ff9344;

@function n($px){
    @return $px/2;
}

.par_right{
//  width: n(184px);
    height: n(131px);
    margin-right: n(23px);
    i{
        display: inline-block;
        margin-top: n(55px);
        color: $border-color;
        font-size: 23px;
    }
    
}

.par_img{
    margin-left: n(22px);
    margin-right: n(22px);
    img{
        width: 100%;
    }
    .Buy{
        margin-top: n(38px);
        margin-left: 12px;
        margin: n(38px) n(24px) 0 n(14px);
        span{
            color: $border-color;
            font-size: n(72px);
        }
        a{
            display: inline-block;
            color: white;
            background-color: $border-color;
            height: n(59px);
            width: n(111px);
            text-align: center;
            font-size: n(30px);
            line-height: n(59px);
            border-radius: n(16px);
        }
    }
    .comment{
        margin: n(41px) n(24px) n(30px) n(28px);
        i{
            color: $border-color;
            span{
                color: black;
                padding-left: 5px;
            }
        }
        >span{
            float: right;
            color: #8e8e8e;
        }
    }
}
.apply{
        margin-left: 23px;
        margin-right: 23px;
        height: n(67px);
        line-height: n(67px);
        background: $border-color;
        color: white;
        padding-left: n(6px);
        padding-right: n(6px);
        i{
            color: white;
        }
    }
.sogoul{
    li{
        margin-top: 5px;
        .sogo{
            margin-left: 23px;
            margin-right: 23px;
            .sogoimg{
                width: n(176px);
                height: n(176px);
                margin-right: 5px;
                position: relative;
                img{
                    width: 100%;
                }
                p{
                    position: absolute;
                    bottom: 23px;
                    width: 100%;
                    text-align: center;
                    background-color: rgba(255,255,255,.6);
                }
            }
            .content{
                color: #8E8E8E;
                >h4{
                    font-size: n(30px);
                    font-weight: lighter;
                    color: black;
                }
                >i{
                   color: $border-color;
                }
                >span{
                    font-size: n(26px);
                }
                >p{
                    font-size: n(24px);
                }
                >a{
                    font-size: n(20px);
                    color: $border-color;
                    &::after{
                        content: ">>";
                    }
                }
            }
            >a{
                width: 45.5px;
                height: n(60px);
                line-height: n(60px);
                background-color: $border-color;
                text-align: center;
                color: white;
                border-radius: n(16px);
                margin-top: n(67px);
            }
        }
    }
    
}    
    
